.listBox {
    border-radius: 10px;
    border: 1px solid #074667;
    box-shadow: rgb(7, 70, 103) 0px 0px 18px inset;
    margin-top: 28px;
    padding: 1%;
    height: 610px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 4%;
    li {
        cursor: pointer;
        width: 25%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px #28379c dashed;
        span {
            font-size: 20px;
            color: #c1cdf4;
            &.order {
                padding-right: 20px;
                color: #00f0ff;
            }
        }
    }
}

.setBox {
    border-radius: 10px;
    border: 1px solid #074667;
    box-shadow: rgb(7, 70, 103) 0px 0px 18px inset;
    margin-top: 28px;
    padding: 4%;
    ul{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 510px;
        li {
            cursor: pointer;
            width: 42%;
            margin: 0 3%;
            padding: 0 1%; 
            line-height: 60px;
            border-bottom: 1px #28379c dashed;
            span {
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
                font-size: 20px;
                color: #c1cdf4;
                &.order {
                    padding-right: 20px;
                    color: #00f0ff;
                }
            }
        }
        &.thSpan{
         height: 61px;
         li{
            height: 61px;
            width: 42%;
            margin: 0 3%;
            padding: 0 1%; 
            border-bottom: none;
            background: #0c1d72;
            color: #fff;
            span {
                &.first-span {
                    text-align: left;
                }
                &.head-ft {
                    padding-left: 20px;
                }
                &:nth-child(2), &:nth-child(3), &:nth-child(4){
                    //text-align: center;
                }
            }
         }
        }
    }
}

.checkBox {
    padding: 50px;
    line-height: 22px;
    background-color: #393d49;
    color: #fff;
    font-weight: 300;
}

.fa-setCol {
    color: #02cdff;
}

#tabCont {
    margin-top: 36px;
    border: none;
    li {
        color: #6a7bbc;
        border-radius: 99px;
        border: 1px solid #074667;
        margin-right: 15px;
        box-shadow: rgb(7, 70, 103) 0px 0px 18px inset;
        &.layui-this {
            color: #fff;
            border-radius: 99px;
            border: 1px solid #11e0ff;
            box-shadow: rgb(11, 234, 235) 0px 0px 18px inset;
            &::after {
                border-bottom: none;
            }
        }
    }
}

#pagenation0,
#pagenation1,
#pagenation2,
#pagenation3,
#pagenation4 {
    .layui-laypage {
        a {
            margin: 0 5px;
            color: #6070ad;
            padding: 0 12px;
            background-color: unset;
            border-color: #074667;
            border-radius: 0;
            box-shadow: rgb(7, 70, 103) 0px 0px 18px inset;
        }
        span {
            margin: 0 5px;
            padding: 0 12px;
            border-color: #11e0ff;
            border-radius: 0;
            box-shadow: rgb(7, 70, 103) 0px 0px 18px inset;
        }
        .layui-laypage-curr {
            background-color: unset;
            .layui-laypage-em {
                background-color: unset;
            }
        }
    }
}

.demo-class {
    .layui-card {
        background-color: rgba(3, 5, 43, 0.5);
        box-shadow: #142480 0px 0px 20px inset;
        border-radius: 5px;
        border: 1px solid #04508e;
        padding-bottom: 20px;
        .layui-card-header {
            padding-top: 30px;
            padding-bottom: 30px;
            font-size: 30px;
            border-bottom: none;
            color: #fff;
            .img-cr {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 2px solid #fff;
                margin-right: 20px;
            }
            .mangCom{
                font-size: 24px;
            }
            .describe{
                padding: 2%;
                font-size: 16px;
                color: #6a7bbc;
                line-height: 24px;
            }
            &.comHead{
                height: auto;
            }
        }
        .layui-card-body {
            font-size: 24px;
            margin: 10px 15px;
            border-radius: 10px;
            background-color: #fff;
            color: #000;
            padding: 5% 1%;
            div {
                line-height: 54px;
                span {
                    color: #333;
                }
            }
        }
    }
}

.frozenBox {
    flex-direction: row;
    padding: 3% 2%;
    height: auto;
    border-radius: 10px;
    li {
        width: 100%;
        text-align: center;
        &.frozenHead {
            border-bottom: none;
            background: #0c1d72;
            color: #fff;
        }
        span {
            &.first-span {
                text-align: left;
            }
            &.head-ft {
                padding-left: 20px;
            }
        }
    }
}

.page-row {
    padding-top: 30px;
    float: right;
}

.innovation {
    border-radius: 10px;
    border: 1px solid #074667;
    box-shadow: #074667 0px 0px 18px inset;
    margin-top: 28px;
    padding: 1%;
    blockquote{
        line-height: 61px;
        font-size: 24px;
        width: 96%;
        padding: 0 2%;
        i{
            &.fa-rot{
                font-size: 16px;
                transform:rotate(90deg);
            }
        }
    }
    .listBox {
        border-radius: 0;
        border:none;
        box-shadow: none;
        margin-top:0;
        height: 560px;
        padding: 1% 3%;
        li {
            width: 47%;
            &.innovationHead {
                width: 100%;
                border-bottom: none;
                color: #fff;
            }
        }
    }
}

#std {
  .tagCol{
      color: #999;
  }  
}
